<template>
  <div class="mapDiv" v-loading="loading">
    <!--地图-->
    <IndexMap v-if="completeRefreshData==true"
              @getMap="getMap"
    ></IndexMap>
    <!--工具条控件-->
    <ControlToolBar v-if="completeRefreshData==true"
                    :map="map" :pageType="pageType"
                    @getClickLonLat="getClickLonLat"
    ></ControlToolBar>
    <!--超图图层显示-->
    <SuperMapLayer v-if="completeMapBool==true"
                   :map="map" :layerDataTypeList="layerDataTypeList"
                   :resetClearAllBool="resetClearAllBool"
                   :clickLonLat="clickLonLat"
    ></SuperMapLayer>
  </div>
</template>

<script setup>
//地图
import IndexMap from '@/map/thematicMap/divisionClass/earthquakeDisasterRisk/indexMap.vue';
import ControlToolBar from '@/map/components/controlToolBar/map.vue';
import SuperMapLayer from '@/map/components/superMapLayer/index.vue';

const { proxy } = getCurrentInstance();
const props = defineProps(['dataType','form','intensity']);
const loading = ref(false);
const pageType = ref("全国地震灾害风险区划图页面");

const data = reactive({
  //图层数据类别code和url列表
  layerDataTypeList:[
    {
      //单指标风险区划--抗震能力-确定评估风险区划
      level2DataType:"singleRiskZonationConfirm",//数据类别二级code
      level3DataType:"singleRiskZonationConfirmKznl",//数据类别三级code
      versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
      show:false,//是否显示
      isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
      tifFileName:null,//tif文件名称
      legendLabel:null,//图例文字
    },
    {
      //单指标风险区划--人员伤亡-确定评估风险区划
      level2DataType:"singleRiskZonationConfirm",//数据类别二级code
      level3DataType:"singleRiskZonationConfirmRk",//数据类别三级code
      versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
      show:false,//是否显示
      isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
      tifFileName:null,//tif文件名称
      legendLabel:null,//图例文字
    },
    {
      //单指标风险区划--经济损失-确定评估风险区划
      level2DataType:"singleRiskZonationConfirm",//数据类别二级code
      level3DataType:"singleRiskZonationConfirmJj",//数据类别三级code
      versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
      show:false,//是否显示
      isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
      tifFileName:null,//tif文件名称
      legendLabel:null,//图例文字
    },
    // {
    //   //单指标风险区划--抗震能力-确定评估风险区划1
    //   level2DataType:"singleRiskZonationConfirmKznl",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmKznl1",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--抗震能力-确定评估风险区划2
    //   level2DataType:"singleRiskZonationConfirmKznl",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmKznl2",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--抗震能力-确定评估风险区划3
    //   level2DataType:"singleRiskZonationConfirmKznl",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmKznl3",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--抗震能力-确定评估风险区划4
    //   level2DataType:"singleRiskZonationConfirmKznl",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmKznl4",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--抗震能力-确定评估风险区划5
    //   level2DataType:"singleRiskZonationConfirmKznl",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmKznl5",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划1
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk1",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划2
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk2",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划3
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk3",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划4
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk4",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划5
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk5",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划6--新疆、青海和西藏地区确定评估风险区划1
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk6",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划7--新疆、青海和西藏地区确定评估风险区划2
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk7",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划8--新疆、青海和西藏地区确定评估风险区划3
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk8",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划9--新疆、青海和西藏地区确定评估风险区划4
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk9",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--人员伤亡-确定评估风险区划10--新疆、青海和西藏地区确定评估风险区划5
    //   level2DataType:"singleRiskZonationConfirmRk",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmRk10",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划1
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj1",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划2
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj2",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划3
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj3",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划4
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj4",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划5
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj5",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划6--新疆、青海和西藏地区确定评估风险区划1
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj6",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划7--新疆、青海和西藏地区确定评估风险区划2
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj7",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划8--新疆、青海和西藏地区确定评估风险区划3
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj8",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划9--新疆、青海和西藏地区确定评估风险区划4
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj9",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
    // {
    //   //单指标风险区划--经济损失-确定评估风险区划10--新疆、青海和西藏地区确定评估风险区划5
    //   level2DataType:"singleRiskZonationConfirmJj",//数据类别二级code
    //   level3DataType:"singleRiskZonationConfirmJj10",//数据类别三级code
    //   versionCode:null,//版本号："全部"则展示整个图层，null无版本号不展示
    //   show:false,//是否显示
    //   isYw:true,//是否为业务系统数据，true业务系统，false基础数据系统
    //   tifFileName:null,//tif文件名称
    //   legendLabel:null,//图例文字
    // },
  ],
})
const { layerDataTypeList } = toRefs(data)

/*地图传参start*/
const completeRefreshData = ref(false);//防止刷新后地图不显示
const completeMapBool = ref(false);//是否完成加载地图
//地图对象
const map = ref(null);
const getMap = (obj)=>{
  map.value = obj;
  completeMapBool.value = true;
}
const resetClearAllBool = ref(false);//是否清空全部超图图层
//点击地图经纬度
const clickLonLat = ref([]);
//传递点击地图经纬度
const getClickLonLat = (lonlat) =>{
  clickLonLat.value = lonlat;
}
/*地图传参end*/

/*//根据类型显示超图图层
function showLayerByDataTypeNew(dataType,form){
  let type = form.assessType;
  // let faeId = form.faeId;//确定评估风险区划主表的id
  let range = form.range;//四个临界值设置v1-v4;新疆、青海和西藏地区四个临界值设置xqxV1-xqxV4
  if(dataType && type && range){
    let legendLabelArray = [];
    let sqlFilterArray = [];
    for(let j=0;j<10;j++) {//5个取值区间图层;新疆、青海和西藏地区5个取值区间图层
      let legendLabel = "";
      let sqlFilter = "1=1";
      // sqlFilter += "fae_id='"+faeId+"'";
      if(j<5){
        if(type=="personCasualtiesEd" || type=="economicLossesEd") {//人员伤亡、经济损失
          sqlFilter += " and borderland_flag='0'";//是否为新疆、青海和西藏地区 0-否 1-是
        }
        if(j==0){
          sqlFilter += " and calculated_value<=" + range.v1;
          legendLabel = "<=" + range.v1;
          if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
            //百分比
            legendLabel = "<=" + (range.v1 / 100);
          }
        }else if(j==1){
          sqlFilter += " and calculated_value>" + range.v1 + " and calculated_value<=" + range.v2;
          legendLabel = "(" + range.v1 + "," + range.v2 + "]";
          if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
            //百分比
            legendLabel = "(" + (range.v1 / 100) + "," + (range.v2 / 100) + "]";
          }
        }else if(j==2){
          sqlFilter += " and calculated_value>" + range.v2 + " and calculated_value<=" + range.v3;
          legendLabel = "(" + range.v2 + "," + range.v3 + "]";
          if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
            //百分比
            legendLabel = "(" + (range.v2 / 100) + "," + (range.v3 / 100) + "]";
          }
        }else if(j==3){
          sqlFilter += " and calculated_value>" + range.v3 + " and calculated_value<=" + range.v4;
          legendLabel = "(" + range.v3 + "," + range.v4 + "]";
          if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
            //百分比
            legendLabel = "(" + (range.v3 / 100) + "," + (range.v4 / 100) + "]";
          }
        }else if(j==4){
          sqlFilter += " and calculated_value>" + range.v4;
          legendLabel = ">" + range.v4;
          if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
            //百分比
            legendLabel = ">" + (range.v4 / 100);
          }
        }
      }else{//新疆、青海和西藏地区5个取值区间图层
        if (type == "seismicEd") {//抗震能力没有新疆、青海和西藏地区取值区间
          break;
        }else{
          sqlFilter += " and borderland_flag='1'";//是否为新疆、青海和西藏地区 0-否 1-是
          if(j==5){
            sqlFilter += " and calculated_value<=" + range.xqxV1;
            legendLabel = "<=" + range.xqxV1;
            if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
              //百分比
              legendLabel = "<=" + (range.xqxV1 / 100);
            }
          }else if(j==6){
            sqlFilter += " and calculated_value>" + range.xqxV1 + " and calculated_value<=" + range.xqxV2;
            legendLabel = "(" + range.xqxV1 + "," + range.xqxV2 + "]";
            if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
              //百分比
              legendLabel = "(" + (range.xqxV1 / 100) + "," + (range.xqxV2 / 100) + "]";
            }
          }else if(j==7){
            sqlFilter += " and calculated_value>" + range.xqxV2 + " and calculated_value<=" + range.xqxV3;
            legendLabel = "(" + range.xqxV2 + "," + range.xqxV3 + "]";
            if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
              //百分比
              legendLabel = "(" + (range.xqxV2 / 100) + "," + (range.xqxV3 / 100) + "]";
            }
          }else if(j==8){
            sqlFilter += " and calculated_value>" + range.xqxV3 + " and calculated_value<=" + range.xqxV4;
            legendLabel = "(" + range.xqxV3 + "," + range.xqxV4 + "]";
            if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
              //百分比
              legendLabel = "(" + (range.xqxV3 / 100) + "," + (range.xqxV4 / 100) + "]";
            }
          }else if(j==9){
            sqlFilter += " and calculated_value>" + range.xqxV4;
            legendLabel = ">" + range.xqxV4;
            if(type=="seismicEd" || type=="economicLossesEd"){//抗震能力、经济损失
              //百分比
              legendLabel = ">" + (range.xqxV4 / 100);
            }
          }
        }
      }

      if(sqlFilter){
        //
      }else{
        sqlFilter = "全部";
      }
      sqlFilterArray.push(sqlFilter);
      legendLabelArray.push(legendLabel);
    }
    console.log("sqlFilterArray");
    console.log(sqlFilterArray);
    console.log(legendLabelArray);
    //设置图层数据版本
    setLayerVersionNew(dataType,sqlFilterArray,legendLabelArray);
  }
}*/

//设置图层数据
function setLayerVersionNew(dataType,sqlFilterArray,legendLabelArray){
  resetClearAllBool.value = false;
  let list = layerDataTypeList.value;
  /*for(let i=0;i<list.length;i++){
    for(let j=0;j<10;j++){//5个取值区间图层;新疆、青海和西藏地区5个取值区间图层
      if(j>=5){//新疆、青海和西藏地区5个取值区间图层
        if(props.form.assessType=="seismicEd"){//抗震能力没有新疆、青海和西藏地区取值区间
          break;
        }
      }
      let layerType = dataType + (j+1);
      if(props.form.assessType=="seismicEd"){
        layerType = dataType + "Kznl" + (j+1);
      }else if(props.form.assessType=="personCasualtiesEd"){
        layerType = dataType + "Rk" + (j+1);
      }else if(props.form.assessType=="economicLossesEd"){
        layerType = dataType + "Jj" + (j+1);
      }
      if(list[i].level3DataType==layerType){
        list[i].versionCode = sqlFilterArray[j];
        list[i].legendLabel = legendLabelArray[j];//图例文字
        list[i].show = true;
        break;
      }
    }
  }*/
  //单值专题图，按qh_level区划等级分为1-5级
  for(let i=0;i<list.length;i++){
    let layerType = dataType;
    let estimateObj = "0";
    if(props.form.assessType=="seismicEd"){
      layerType = dataType + "Kznl";
      estimateObj = "0";
    }else if(props.form.assessType=="personCasualtiesEd"){
      layerType = dataType + "Rk";
      estimateObj = "1";
    }else if(props.form.assessType=="economicLossesEd"){
      layerType = dataType + "Jj";
      estimateObj = "2";
    }
    if(list[i].level3DataType==layerType){
      let sqlFilter = "estimate_obj='" + estimateObj + "'";
      if(props.intensity!=""){
        sqlFilter += " and condition='" + props.intensity + "'";
      }
      list[i].versionCode = sqlFilter;
      list[i].legendLabel = null;//图例文字
      list[i].show = true;
      break;
    }
  }
  layerDataTypeList.value = list;
}

//根据图层显示设置图层数据
function setLayerVersionByShow(dataType){
  resetClearAllBool.value = false;
  let list = layerDataTypeList.value;
  //单值专题图，按qh_level区划等级分为1-5级
  for(let i=0;i<list.length;i++){
    if(list[i].show==true){
      let layerType = list[i].level3DataType;
      let estimateObj = "0";
      if(layerType==(dataType+"Kznl")){
        estimateObj = "0";
      }else if(layerType==(dataType+"Rk")){
        estimateObj = "1";
      }else if(layerType==(dataType+"Jj")){
        estimateObj = "2";
      }
      let sqlFilter = "estimate_obj='" + estimateObj + "'";
      if(props.intensity!=""){
        sqlFilter += " and condition='" + props.intensity + "'";
      }
      list[i].versionCode = sqlFilter;
      list[i].legendLabel = null;//图例文字
      list[i].show = true;
    }
  }
  layerDataTypeList.value = list;
}

/*//移除图层数据
function removeLayerVersionNew(level2DataType){
  let list = layerDataTypeList.value;
  for(let i=0;i<list.length;i++){
    if(list[i].level2DataType==level2DataType){
      list[i].show = false;
    }
  }
  console.log(list);
  layerDataTypeList.value = list;
}*/

//移除图层数据
function removeLayerVersionNew(level3DataType){
  let list = layerDataTypeList.value;
  for(let i=0;i<list.length;i++){
    if(list[i].level3DataType==level3DataType){
      list[i].show = false;
    }
  }
  console.log(list);
  layerDataTypeList.value = list;
}

//获取查询参数
const getFormParams = watch(() => props.form, value => {// watch函数监听props.form
  if(value.assessType){
    console.log("获取查询参数");
    console.log(value);
    let dataType = props.dataType;
    if(value.show){
      //根据类型显示超图图层
      // showLayerByDataTypeNew(dataType,value);
      //设置图层数据版本
      setLayerVersionNew(dataType,null,null);
    }else{
      // let level2DataType = value.level2DataType;
      // //根据类型移除超图图层
      // removeLayerVersionNew(level2DataType);
      let level3DataType = value.level3DataType;
      //根据类型移除超图图层
      removeLayerVersionNew(level3DataType);
    }
  }
},{immediate:true});

//获取烈度
const getIntensity = watch(() => props.intensity, value => {// watch函数监听props.intensity
  if(value){
    console.log("获取烈度");
    console.log(value);
    let dataType = props.dataType;
    //清空图层
    resetClearAllBool.value = true;
    nextTick(() => {
      //根据图层是否显示设置图层数据
      setLayerVersionByShow(dataType);
    });
  }
},{immediate:true});

onMounted(() => {
  completeRefreshData.value = true;
})
</script>

<style scoped lang="scss">
.mapDiv {
  width: 100%;
  /*height: 100%;*/
  position:absolute;
}

/*设置选择数据面板*/
.new-settingDiv {
  position:absolute;top:18px;left:110px;width:400px;padding:20px;padding-top: 10px;
  background:rgba(0,27,67,0.7);border-radius:4px;color:white;
}
.new-settingDiv-div1{
  padding-bottom: 10px;
  border-bottom: 1px dashed white;
}
.new-settingDiv .new-p{
  margin-bottom: 10px;
  font-size:14px;
}
.new-settingDiv-div3{
  text-align: center;
}
:deep(.new-settingDiv .el-radio){
  color:white;
}
:deep(.new-settingDiv .el-checkbox){
  color:white;
}
:deep(.new-settingDiv .new-p .el-button){
  position:absolute;right:20px;
}
:deep(.new-settingDiv .el-select){
  width:208px;
}
.new-settingDiv-span {
  float: right;
  line-height: 32px;
  cursor:pointer;
}
.new-settingDiv-span:hover {
  cursor:pointer;
}

/*带三角弹窗*/
.new-popover {
  position: absolute;
  top:0px;
  left:0px;
  padding:10px;
  background: rgba(0,27,67,0.8);
  color:white;
  z-index:100;
}
.new-triangle {
  position: absolute;
  top: 20px;
  left: -19px;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: dashed solid dashed dashed;
  border-color:transparent rgba(0,27,67,0.8) transparent transparent;
}

.new-pattenAnalysisDiv {
  position: absolute;top:246px;left:105px;font-size: 14px;
}

.new-pattenAnalysisDiv-button {
  float: left;
  width: 80px;
  text-align: center;
  padding: 5px;
  cursor:pointer;
}
/*规律分析按钮div*/
.showPattenAnalysisDiv{

}
.showPattenAnalysisDiv img {
  width:25px;
  border:1px dashed white;
}
.showPattenAnalysisDiv-div1 {
  display: inline-block;width:160px;border-bottom: 1px dashed white;padding-bottom: 10px;
}

.new-div-selected {
  background: rgba(16,124,229,0.5);
  border: 1px solid #707070;
}

.areaDialog {
  text-align: center;
  .close {
    text-align: right;
    .el-icon {
      color: #606266;
      padding: 20px 0;
      margin-right: 10px;
      right: 0px;
      font-size: 22px;
    }
  }
  width: 320px;
  position: absolute;
  top: 246px;
  left: 288px;
  background: rgba($color: #fff, $alpha: 0.9);
}

.resultShowButton {
  position:absolute;
  top:20px;
  right:20px;
  width:50px;
  height:50px;
}

</style>